<!--
The children changed / reorder event is fired an unpredictable number of times.
@WIN-DENY:EVENT_OBJECT_REORDER*
@UIA-WIN-DENY:StructureChanged*
-->
<!DOCTYPE html>
<html>
<body>
<p id="p1" aria-label="p1" contenteditable>Paragraph</p>
<p id="p2" aria-label="p2" contenteditable>Paragraph</p>
<p id="p3" aria-label="p3" contenteditable>Paragraph</p>
<div id="d1" aria-label="d1" contenteditable>Div</div>
<div id="d2" aria-label="d2" contenteditable>Div</div>
<div id="d3" aria-label="d3" contenteditable>Div</div>
<script>
  function go() {
    document.querySelector('#p1').textContent = 'Modified Paragraph';
    document.querySelector('#p2').textContent = '';
    document.querySelector('#p3').textContent = 'Before Paragraph After';
    document.querySelector('#d1').textContent = 'Modified Div';
    document.querySelector('#d2').textContent = '';
    document.querySelector('#d3').textContent = 'Before Div After';
  }
</script>
</body>
</html>
